<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8"/>
    <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
    <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
    <title>随易租平台服务管理端</title>
    <link rel="shortcut icon" href="log.png">
    <!-- 引入样式 -->
    <link rel="stylesheet" href="plugins/element-ui/index.css"/>
    <link rel="stylesheet" href="styles/header.css"/>
    <style>


    </style>
</head>

<body>
<div class="app" id="app">
    <div class="head">
        <div class="header_wrap">
            <div class="bar_left">
                <span>
                    [<a href="http://47.113.219.131/rent/index.html" target="_blank" class="address">切换城市</a>

                    <span style="color: #ff0e0e">北海</span>]
                </span>

            </div>

            <div class="nav-channel-list">
                <el-menu :default-active="activeIndex" class="el-menu-demo" mode="horizontal" @select="handleSelect">
                    <el-submenu index="1">
                        <template slot="title">个人中心</template>
                        <el-menu-item index="2-1">我的收藏</el-menu-item>
                        <el-menu-item index="2-2">订单管理</el-menu-item>
                        <el-menu-item index="2-3">浏览记录</el-menu-item>
                    </el-submenu>

                    <el-submenu index="2">
                        <template slot="title">商家中心</template>
                        <el-menu-item index="2-1">选项1</el-menu-item>
                        <el-menu-item index="2-2">选项2</el-menu-item>
                        <el-menu-item index="2-3">选项3</el-menu-item>
                    </el-submenu>

                    <!--                    <el-menu-item index="3">商家中心</el-menu-item>-->
                    <!--                    <el-menu-item index="4">长租</el-menu-item>-->
                    <!--                    <el-menu-item index="5">精品房</el-menu-item>-->
                    <!--                    <el-menu-item index="6">消息中心</el-menu-item>-->
                    <el-menu-item index="7">
                        <!--                        <a href="https://www.ele.me" target="_blank">订单管理</a>-->
                    </el-menu-item>
                </el-menu>
            </div>
            <div class="login">
                <a href="http://47.113.219.131/rent/index.html" target="_blank" class="user-login">登录</a>
                |
                <a href="http://47.113.219.131/rent/index.html" target="_blank" class="user-register">注册</a>
            </div>
        </div>
    </div>

    <div class="ui-header">
        <a href="" class="ui-logo"><img src="log.png" alt="" style="width: 200px;height: 90px"></a>
        <div class="ui-search">
            <span class="search-text">
            <el-input v-model="input" placeholder="请输入内容"></el-input>
            </span>

            <span class="search-btn">
                <span class="a-search-btn">搜索房源</span>
            </span>
        </div>
    </div>
</div>
<!-- 开发环境版本，包含了有帮助的命令行警告 -->
<script src="plugins/vue/vue.js"></script>
<!-- 引入组件库 -->
<script src="plugins/element-ui/index.js"></script>
<!-- 引入axios -->
<script src="plugins/axios/axios.min.js"></script>
<script src="js/request.js"></script>

<script>

    new Vue({
        el: '#app',
        data() {
            return {

                input: ''
            }
        }
    })
</script>
</body>
</html>
